<template>
  <div class="child">
    <h2>I am Child {{ x }}</h2>
    <h3>Sum: {{ sum }}</h3>
    <h4 v-beauty="sum">Happy</h4>
    <Hello/>
  </div>
</template>

<script setup lang="ts" name="Child">
import { ref } from 'vue';
import axios from 'axios';

let sum = ref(0)
// let {data:{content}} = await axios.get('http://api.uomg.com/api/rand.qinghua?format=json')
// console.log(content);



</script>

<style scoped>
  .child {
    background-color: skyblue;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 10px;
  }
</style>